<%@ include file="/WEB-INF/jsp/common/include.jsp" %>
<%@ page pageEncoding="UTF-8"%>
<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles" %>
<%@ taglib prefix="app" uri="AppTags" %>
<tiles:insertDefinition name="layout.tiles">
  <tiles:putAttribute name="pageTitle">Хату.бы - Просмотр моего объявления</tiles:putAttribute>
  <tiles:putAttribute name="addTab" value="selected"/>
  <tiles:putAttribute name="body">
    <div>
      <div class="box">
        <div class="box-container">
          <jsp:include page="/WEB-INF/jsp/ad/manage/common/statistics.jsp">
            <jsp:param name="showRatingEditorLink" value="true" />
          </jsp:include>
          <p>
            За последние сутки ваше объявление было показано
            <span id="lastDayViewStatistics">&nbsp;</span>
            раз.
          </p>
          <script type="text/javascript" src="https://www.google.com/jsapi"></script>
          <script type="text/javascript">
            google.load("visualization", "1", {packages:["corechart"]});
            google.setOnLoadCallback(drawViewStatisticsChart);
            function drawViewStatisticsChart() {
              var data = new google.visualization.DataTable();
              data.addColumn('string', 'Дата');
              data.addColumn('number', 'Показы');

              var chart = new google.visualization.ColumnChart(document.getElementById('viewStatisticsChart'));
              var jsonData = $.ajax({
                url: "/ad/manage/statistics/proxy.do?flatAdId=${flatAd.id}",
                dataType:"json",
                async: false
              }).responseText;
              var json = JSON.parse(jsonData);
              var lastDayViewStatistics = 0;
              if(json && json.length > 0){
                lastDayViewStatistics = json[json.length - 1][1]
              }
              $('#lastDayViewStatistics').text(lastDayViewStatistics);
              data.addRows(json);
              chart.draw(data, {width: 500, height: 240, title: 'Количество показов по дням',
                hAxis: {title: 'Дата', titleTextStyle: {color: 'red'}}
              });
            }
          </script>
          <div id="viewStatisticsChart"></div>
          <div class="cn tl"></div><div class="cn tr"></div>
        </div>
        <div class="cn bl"></div><div class="cn br"></div>
      </div>

      <div class="box">
        <div class="box-container">
          <c:if test="${param.saveSuccessMessage}">
            <p style="color: green; font-weight: bold; font-size: 1.2em">Объявление успешно сохранено. Через пару часов изменения вступят в силу</p>
          </c:if>
          <h2>Ваше объявление</h2>
          <p>
          <h3>Адрес</h3>
          Минск, <c:out value="${flatAd.street}"/>, <c:out value="${flatAd.building}"/>
          </p>
          <p>
          <h3>Контактный телефон</h3>
          <c:out value="${flatAd.phone}"/>
          </p>
          <p>
          <h3>Цена в месяц</h3>
          <c:out value="${flatAd.price}"/>$
          </p>
          <p>
          <h3>Дополнительная информация:</h3>
          <c:out value="${flatAd.description}"/>
          </p>
          <form action="/ad/manage/edit.do" method="get">
            <form:hidden path="flatAd.secureId" />
            <p>
              <span class="button"><button type="submit">Редактировать</button></span>
            </p>
          </form>
          <form action="/ad/manage/delete.do" method="post">
            <form:hidden path="flatAd.secureId" />
            <p>
              <span class="button"><button type="submit">Удалить</button></span>
            </p>
          </form>
          <div class="cn tl"></div><div class="cn tr"></div>
        </div>
        <div class="cn bl"></div><div class="cn br"></div>
      </div>

    </div>
  </tiles:putAttribute>
</tiles:insertDefinition>